<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Class-父类方法的重写</title>
</head>
<body>
<script>
  // 二：Class继承
  class Phone{
    //构造方法 名字是固定的不能修改
    constructor(brand,price,generations) {
      this.brand=brand;
      this.price=price;
      this.generations=generations
    }
    // 添加方法  必须使用改语法,不能使用 ES5 的对象形式
    print(){
      console.log(this.brand+this.generations+'版本'+this.price+'元')
    }
  }
  //继承父类
  class sonPhone extends Phone{
    //构造方法
    constructor(brand,price,generations,color) {
      super(brand,price,generations)
      this.color=color;
    }
    //给子代添加方法
    playGame(){
      console.log('可以用来打游戏！！')
    }
    //父类方法的重写
    print() {
      console.log(this.brand+this.generations+'版本'+this.price+'元'+'颜色是'+this.color)
    }
  }

  let phone=new sonPhone('OPPO',1999,'1.10.12','red')
  phone.playGame()
  phone.print()
</script>
</body>
</html>